<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!--
        其他样式的ztree
        <link rel="stylesheet" type="text/css" href="/ztree/css/zTreeStyle/zTreeStyle.css">
        <link rel="stylesheet" href="/ztree/css/awesomeStyle/awesome.css"/>
    -->
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.excheck.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.exedit.js"></script>

    <link rel="stylesheet" href="/css/product/productManage/productList/product-list.css">
    <style>
    </style>
</head>
<body>
<div class="box">
    <!--商品列表-->
    <div class="list">
        <div class="list-left">
            <div class="list-left-left"></div>
            <p class="list-left-right">商品列表</p>
        </div>
        <div class="list-right">
            <div class="list-right-left layui-btn layui-icon layui-icon-refresh" onclick="refresh()">&nbsp;刷新</div>
            <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">返回</div>
        </div>
    </div>
    <!--筛选查询-->
    <div class="layui-row query">
        <div class="layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <div class="query-top-right layui-btn" onclick="retrieval()">高级检索</div>
                </div>
                <div class="layui-card-body">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">输入搜索：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="productName" required lay-verify="required" placeholder="请输入商品名称" autocomplete="off" class="layui-input">
                            </div>

                            <label class="layui-form-label">商品分类：</label>
                            <div class="layui-input-inline">
                                <select class="layui-select" name="title" id="title">
                                    <option value=""></option>
                                </select>
                            </div>

                            <label class="layui-form-label">商品状态：</label>
                            <div class="layui-input-inline">
                                <select class="layui-select" name="productSate" id="productSate">
                                    <option value=""></option>
                                    <option value="3">已删除</option>
                                    <option value="1">上架</option>
                                    <option value="2">下架</option>
                                </select>
                            </div>

                            <label class="layui-form-label">商品标签：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="productLabel" required lay-verify="required" placeholder="请输入商品标签" autocomplete="off" class="layui-input">
                            </div>

                            <span>
                                <button type="button" class="layui-btn" onclick="search()">
                                    <i class="layui-icon layui-icon-search"></i> 搜索
                                </button>
                                <!-- layui自带的重置功能 -->
                                <button type="reset" class="layui-btn layui-btn-warm">
                                    <i class="layui-icon layui-icon-refresh"></i> 重置
                                </button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--数据列表-->
    <div class="record">
        <div class="record-left">
            <!--树-->
            <ul id="treeDemo" class="ztree" style="margin-top: 20px;margin-left: 40px"></ul>
        </div>
        <div class="record-right">
            <!--表-->
            <table id="demoTable" lay-filter="demoTable"></table>
        </div>
    </div>
    <!--表头样式-->
    <div id="button_ids">
        <i class="layui-icon layui-icon-align-left"></i> 数据列表
        <button type="button" class="layui-btn import" onclick="leading()">
            <i class="layui-icon">&#xe62f;</i>导入
        </button>
        <button type="button" class="layui-btn" onclick="addButton()">
            <i class="layui-icon">&#xe608;</i>添加
        </button>
    </div>
    <!--表内操作-->
    <div id="button_caozuo" style="display:none" >
        <a alt="查看" title="查看"  lay-event="selectTable">查看</a>
        <a alt="编辑" title="编辑"  lay-event="updateTable">编辑</a>
        <br/>
        <a alt="日志" title="日志"  lay-event="journalTable">日志</a>
        <a alt="删除" title="删除"  lay-event="deleteTable">删除</a>
    </div>
    <!--ztree节点增删改-->
    <div id="rMenu">
        <ul>
            <li id="m_add" onclick="addTreeNode();">增加节点</li>
            <li id="m_del" onclick="removeTreeNode();">删除节点</li>
            <li id="m_edit" onclick="edit();">编辑节点</li>
        </ul>
    </div>
</div>

<p id="titleName" style="display: none;">商品列表</p>

<script src="/js/product/productManage/productList/product-list.js"></script>
</body>
</html>